<script>
  var requireJS = [];
  loadJS(requireJS, "js/views/dml/console.js");
</script>
<div class="animated fadeIn">
  <div class="row">
    <div class="col-lg-12">
      <div class="card">
        <div class="card-header">
          <div class="row">
            <div class="col-md-12">
              <i class="fa fa-cogs"></i> DML操作（支持新增、删除、修改、查询等DML操作）
            </div>
          </div>
        </div>
        <div class="card-block">
          <div class="form-group row">
            <label class="col-md-3 form-control-label">SQL语句：</label>
            <div class="col-md-9">
              <div class="form-group row">
                <div class="col-md-8">
                  <input id="dml-sql" type="text" class="form-control"
                         placeholder="insert/delete/update/select......">
                </div>
                <div class="col-md-4">
                  <span class="input-group-btn">
                      <button id="ddl-execute" type="button" class="btn btn-primary"><i
                          class="fa fa-play-circle"></i> 执行</button>
                  </span>
                </div>
              </div>
            </div>
          </div>
          <hr/>
          <div class="form-group row">
            <div class="col-md-12">
              <table class="table table-bordered table-striped table-sm">
                <thead>
                <tr>
                  <th>操作结果</th>
                </tr>
                </thead>
                <tbody id="table-body">
                <tr>
                  <td id="dml-sql-result"></td>
                </tr>
                </tbody>
              </table>
            </div>
          </div>

          <div class="form-group row">
            <div id="resultSetDiv" class="card-block" style="display:none;">
              <table class="table table-sm table-striped">
                <thead>
                <tr id="table-head-template"></tr>
                </thead>
                <tbody id="table-body-template">
                </tbody>
              </table>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>